import React from 'react';
import TitlePanel from '@/components/containers/titlePanel';
import styles from './index.less';
import Bookmarks, { withLocalStorage } from '..';
// 引入公共样式组件
// import StyledPanel from '@/components/containers/styledPanel';
const BookmarkPanel: React.FC<any> = ({ onClose }) => {
  const LocalStorageBookmark = withLocalStorage(Bookmarks);
  return (
    <TitlePanel title="书签管理" className={styles.wrap} onClose={onClose}>
      <div style={{ padding: 18, paddingTop: 0 }}>
        <LocalStorageBookmark
          listType="text"
          style={{
            backgroundColor: 'transparent',
            color: '#fff',
          }}
        />
      </div>
    </TitlePanel>
  );
};

export default BookmarkPanel;
